<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>满意度</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/bean.css" />
    <link rel="stylesheet" href="../css/wisdomSupervise.css">
    <link rel="stylesheet" href="../css/satisfactionDetail.css">
</head>

<body style="width: 1920px;">
    <div class="guding">
        <nav class="navbar navbar-default g-nav">
            <span class="navbar-brand">全域旅游综合信息服务平台</span>
            <div class=" navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/html/home.html">首页</a></li>
                    <li>
                        <a href="/html/realTimeTraffic.html">智慧分析</a>
                        <div class="sub-nav">
                            <a class="sub-nav-item" href="/html/realTimeTraffic.html">实时客流</a>
                            <a class="sub-nav-item" href="/html/touristPortrait.html">游客画像</a>
                        </div>
                    </li>
                    <li>
                        <a class="active" href="/html/demoareaSupervise.html">智慧监管</a>
                        <div class="sub-nav">
                            <a class="sub-nav-item" href="/html/demoareaSupervise.html">示范区监管</a>
                            <a class="sub-nav-item active" href="/html/scenicSpotList.html">视频监控</a>
                            <a class="sub-nav-item" href="/html/safetyWarning.html">安全预警</a>
                            <a class="sub-nav-item" href="/html/wisdomSupervise_guide.html">旅游产业数据</a>
                            <a class="sub-nav-item" href="/html/complaints.html">投诉举报管理</a>
                        </div>
                    </li>
                    <li><a href="/html/resources.html">旅游资源</a></li>
                </ul>
            </div>
        </nav>
    </div>
    </div>
    <!--导航结束-->
    <div class="content pos-relative">
        <div class="main-wraper backgroundfff border">
            <div class="return-button"></div>
            <div class="flex-box-1">
                <div class="sa-box-1">
                    <h3>满意度评分统计</h3>
                    <div id="chartPie"></div>
                </div>
                <div class="sa-box-2">
                    <h3>满意度评分统计</h3>
                    <div id="chartBar"></div>
                </div>
            </div>
            <div class="table-wrap">
                <h3>游客满意度详细列表</h3>
                <table class="complaint-box__table satis-table" border="0" cellspacing="0" cellpadding="0">
                    <thead>
                        <th width="95">序号</th>
                        <th width="220">景区</th>
                        <th width="132">评价人</th>
                        <th width="142">评价来源</th>
                        <th width="128">景区舒适度</th>
                        <th width="142">景区拥堵情况</th>
                        <th width="150">景区配套</th>
                        <th width="152">工作人员服务态度</th>
                        <th width="400">评价</th>
                        <th>时间</th>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
                <div class="pagination">
                    <div class="pagination__total-number">共51020项</div>
                    <div class="pagination__page-list">
                        <span class="pagination__page-button prev">
                                <i></i>
                            </span>
                        <span class="pagination__page-button active">1</span>
                        <span class="pagination__page-button">2</span>
                        <span class="pagination__page-button">3</span>
                        <span class="pagination__page-button">4</span>
                        <span class="pagination__page-button shenglue">...</span>
                        <span class="pagination__page-button">50</span>
                        <span class="pagination__page-button next"><i></i></span>
                    </div>
                    <div class="pagination__step-num">
                        <span>前往</span>
                        <input type="text" value="2">
                        <span>页</span>
                        <span class="pagination__page-button go-button">确定</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-2.1.0.js"></script>
    <script src="../js/lodash.js"></script>
    <script src="../js/echarts.min.js"></script>
    <script src="../js/satisfactionDetail.js"></script>
</body>

</html>
